<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="images/favicon.ico">

    <title>同昌官网</title>

    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="js/bootstrap-3.3.7/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <link href="js/bootstrapValidator/bootstrapValidator.css" rel="stylesheet">


    <!-- custom style-->
    <link rel="stylesheet" href="plugs/animate/animate.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="plugs/swiper/swiper.min.css">
    <link rel="stylesheet" href="css/dyht/dyht.css">


    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="js/bootstrap-3.3.7/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/bootstrap-3.3.7/js/html5shiv.min.js"></script>
    <script src="js/bootstrap-3.3.7/js/respond.min.js"></script>
    <![endif]-->
	<style>
        .img_slide img{width:100%;height:497px;}
    </style>
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width:410px;">
        <div class="modal-content" style="width:410px;">
            <div class="modal-body">
                <form class="form-signin" id="loginForm">
                    <div class="header row">
                        <div class="col-xs-4"><span></span></div>
                        <div class="col-xs-4 ">网站登录</div>
                        <div class="col-xs-4"><span></span></div>
                    </div>
                    <div class="form-group">
                        <span class="userLabel">用户名 <i></i></span>
                        <input type="text" class="form-control" name="username" id="userName" required autofocus
                               placeholder="请输入用户名"/>
                    </div>
                    <div class="form-group">
                        <span class="passwordLabel">密码 <i></i></span>
                        <input type="password" class="form-control" name="password" id="password" required
                               placeholder="请输入密码"/>
                    </div>
                    <div class="form-group">
                        <button type="submit" id="submitBtn" class="btn btn-lg btn-primary btn-block">登录</button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<div class="navbar-wrapper">
    <div class="container">
        <nav class="navbar  navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                            aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <img alt="Brand" src="images/common/logo.png">
                    </a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="dqtc.html">大气天成</a></li>
                        <li><a href="djff.html">大将风范</a></li>
                        <li><a href="dxwx.html">大象无形</a></li>
                        <li><a href="dcwo.html">大成无偶</a></li>
                        <li><a href="dawj.html">大爱无疆</a></li>
                        <li class="active"><a href="#">大业宏图</a></li>
                        <ul class="nav navbar-nav pull-right">
                            <li class="loginBtn" data-toggle="modal" data-target="#myModal">登录</li>
                            <!--<li><a href="#">注册</a></li>-->
                            <li><a href="#" class="line"></a></li>
                            <!--<li><a href="#" class="searchIcon"></a></li>-->
                            <li class="wxBox"><a href="javascript:void(0);" class="weixin"></a><a
                                    href="javascript:void(0);" class="jtewm"></a></li>
                            <!--<li><a href="#" class="en"></a></li>-->
                        </ul>
                    </ul>
                </div>
            </div>
        </nav>

    </div>
</div>
<section class="item dyht">
    <div class="dyhtContent">
        <div class="dyhtBg"></div>
        <div class="dyhtText">
            <div class="textInner">
                <div class="container">
                    <div class="textContent">
                        <div class="dyhtTextTitle">
                            <span>大</span><span>业</span><span>宏</span><span>图</span>
                        </div>
                        <div class="dyhtSubtitle  wow animated rubberBand">一幅志存高远、壮阔无疆的魅力蓝图</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item change wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row changeHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">同昌蜕变</div>
                        <small class="itemTitleEn">The metamorphosis of Topchance</small>
                    </div>
                    <div class="col-xs-4">
                        <div class="line "></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row changeContent">
            <canvas width="1200" height="520" id="myCanvas" class="wow fadeInUp animated"></canvas>
            <div id="tags">
                <a href="#"><img src="images/dxwx/change/tupian01.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian02.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian03.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian04.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian05.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian06.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian07.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian08.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian09.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian10.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian11.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian12.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian13.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian14.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian15.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian16.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian17.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian18.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian19.png" alt=""></a>
                <a href="#"><img src="images/dxwx/change/tupian20.png" alt=""></a>
            </div>
        </div>
    </div>
</section>
<section class="item bigData wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container ">
        <div class="row bigDataHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-8 ">
                        <div class="itemTitle">中科同昌大数据股份有限公司</div>
                        <small class="itemTitleEn">China Science Topchance Big Data Corp.,LTD</small>
                    </div>
                    <div class="col-xs-2 ">
                        <div class="line "></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row bigDataContent">
            <div class="col-xs-6">
                <div class="contentLeft   wow animated  fadeInLeftBig">
                    <div class="header">
                        <div>创新驱动发展 数据创造价值</div>
                        <!-- <div class="subtitle">联系电话：400-897-4512</div>-->
                    </div>
                    <div class="bottom">
                        <div class="row">
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon1"></div>
                                    <div class="bottomItemText">大数据应用服务</div>
                                </div>

                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon2"></div>
                                    <div class="bottomItemText">软件应用研发</div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon3"></div>
                                    <div class="bottomItemText">信息系统集成</div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon4"></div>
                                    <div class="bottomItemText">物联网产品研发</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="contentRight wow animated  fadeInRightBig">
                    <div class="imgInner"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item infoSafe wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row infoSafeHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-2">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-8 ">
                        <div class="itemTitle">中科同昌信息安全技术股份有限公司</div>
                        <small class="itemTitleEn">China Science Topchance infomation Security Technologycorp.,LTD
                        </small>
                    </div>
                    <div class="col-xs-2">
                        <div class="line "></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="row infoSafeContent wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <div class="col-xs-6">
                <div class="contentRight wow animated bounceInLeft">
                    <div class="imgInner"></div>
                </div>
            </div>
            <div class="col-xs-6">
                <div class="contentLeft wow animated bounceInRight ">
                    <div class="header">
                        <div>没有网络安全 就没有国家安全</div>
                        <!-- <div class="subtitle">联系电话：400-897-4512</div>-->
                    </div>
                    <div class="bottom">
                        <div class="row">
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon1"></div>
                                    <div class="bottomItemText">安全咨询</div>
                                </div>

                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon2"></div>
                                    <div class="bottomItemText">安全培训</div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon3"></div>
                                    <div class="bottomItemText">安全运维</div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-sm-3">
                                <div class="bottomItem">
                                    <div class="bottomIcon icon4"></div>
                                    <div class="bottomItemText">应急响应</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item nationStrength wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row nationStrengthHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-6 ">
                        <div class="itemTitle">中科同昌国强科技股份有限公司</div>
                        <small class="itemTitleEn">China Topchance Guoqiang Science And Technology Corp.,LTD
                        </small>
                    </div>
                    <div class="col-xs-3 ">
                        <div class="line "></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row nationStrengthContent ">
            <div class="nationStrengthText wow animated fadeInUpBig">
                在军民融合深度发展战略指引下，国强科技吹响进军国内军工市场的号角，主要从事国家重要军用民用大型电子信息系统的工程建设及信息服务；从事数字化工厂、智能制造为核心的综合系统集成；开拓满足军民两用市场需求的无线电测向系统、工业设计尺寸链优化分析软件、光学在线或离线检测、数字机房动力环境监测系统及涉密信息系统的信息安全服务等独具竞争力的国强科技产品。
            </div>
            <div class="nationStrengthTitle">

            </div>

        </div>
    </div>
</section>
<section class="item friendScience wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row friendScienceHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-6 ">
                        <div class="itemTitle">山西好友科技发展有限公司</div>
                        <small class="itemTitleEn">Shanxi Haoyou Technology Development Co.,LTD
                        </small>
                    </div>
                    <div class="col-xs-3 ">
                        <div class="line "></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="friendScienceContent">
            <div class="contentTop  wow animated fadeInUpBig">
                专注于信息化等级保护测评、IT资产运维管理服务为一体的高科技股份制公司，始终遵循“以技术为基础，以质量为根本，以人才为核心，以服务为生命”的原则，拥有省内掌握核心专业技术服务人员、等级保护测评师；行业客户涉及党政、金融、电力、税务、财政、政法、计生、交通、教育等各系统多个用户，在保证技术先进性的前提下，为用户提供性价比最高、品质最优的服务方案，真正实现打造“同昌精神”的技术服务团队，造福山西，服务全国！
            </div>
            <!-- <div class="contentMiddle">联系电话：400-653-0677</div>-->
            <div class="contentBottom">
                <div class="bottomItem wow animated fadeInleftBig">
                    <div class="bottomIcon icon9"></div>
                    <div class="bottomItemText">基础环境运维服务</div>
                </div>
                <div class="bottomItem wow animated fadeInleftBig">
                    <div class="bottomIcon icon10 "></div>
                    <div class="bottomItemText">硬件运维服务</div>
                </div>
                <div class="bottomItem wow animated fadeInUpBig">
                    <div class="bottomIcon icon11"></div>
                    <div class="bottomItemText">软件运维服务</div>
                </div>
                <div class="bottomItem wow animated fadeInRightBig">
                    <div class="bottomIcon icon12"></div>
                    <div class="bottomItemText">安全运维服务</div>
                </div>
                <div class="bottomItem wow animated fadeInRightBig">
                    <div class="bottomIcon icon13"></div>
                    <div class="bottomItemText">等级保护测评</div>
                </div>
            </div>
        </div>
    </div>

</section>
<section class="item property wow " style="visibility: visible; animation-name: fadeInUp;">
    <div class="shadow">
        <a href="javascript:void(0)" class="close_shadow"><img src="images/dyht/close_shadow.png" alt=""></a>
        <div class="cont_shadow">
            <div class="swiper-container swiper-container-shadow">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="img_slide">
                            <img src="images/dyht/slideShadow1.jpg" alt="">
                        </div>
                        <div class="arc_slide">
                            <div class="wid_arc">
                                <p class="font_slide paddb_5">高端写字楼</p>
                                <p class="font1_slide paddb_10">太原CBD核心商务区</p>
                                <p class="font2_slide line_25">
                                    地理位置优越，紧邻地铁2号线南中环站、公交站，距离太原南站10分钟车程，交通便利，内设停车场。
                                </p>
                            </div>
                            <div class="page_slide">
                                <span class="page_num">1</span><span>/</span><span class="page_sum">10</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="img_slide">
                            <img src="images/dyht/slideShadow2.jpg" alt="">
                        </div>
                        <div class="arc_slide">
                            <div class="wid_arc">
                                <p class="font_slide paddb_5">多功能教室</p>
                                <p class="font1_slide paddb_10">高端办公环境、设备齐全</p>
                                <p class="font2_slide line_25">
                                    办公环境优雅安静、设备齐全，会议室包含办公桌椅、投影仪等设备，适合团队培训、各种会务会议等。多功能教室可容纳100人左右。
                                </p>
                            </div>
                            <div class="page_slide">
                                <span class="page_num">1</span><span>/</span><span class="page_sum">10</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="img_slide">
                            <img src="images/dyht/slideShadow3.jpg" alt="">
                        </div>
                        <div class="arc_slide">
                            <div class="wid_arc">
                                <p class="font_slide paddb_5">董事会会议室</p>
                                <p class="font1_slide paddb_10">高端办公环境、设备齐全</p>
                                <p class="font2_slide line_25">
                                    大型董事会会议室可容纳8到30人， 并配备各式豪华家具。会议室设备齐全，提供各类设施、家具、高速互联网和前台服务，支持按小时计费。
                                </p>
                            </div>
                            <div class="page_slide">
                                <span class="page_num">1</span><span>/</span><span class="page_sum">10</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="img_slide">
                            <img src="images/dyht/img_slide1.png" alt="">
                        </div>
                        <div class="arc_slide">
                            <div class="wid_arc">
                                <p class="font_slide paddb_5">金色演播厅</p>
                                <p class="font1_slide paddb_10">高端配置、装修考究</p>
                                <p class="font2_slide line_25">
                                    全场约800平米,可同时容纳350余人，可接待大型会议、培训、年会等活动，更有餐厅、停车场等，配套设施完善，地理位置优越，绝对是您理想选择！
                                </p>
                            </div>
                            <div class="page_slide">
                                <span class="page_num">1</span><span>/</span><span class="page_sum">10</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-prev"><img src="images/dyht/right_view.png" alt=""></div>
            <div class="swiper-button-next"><img src="images/dyht/left_view.png" alt=""></div>
        </div>
    </div>
    <div class="container">
        <div class="row propertyHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-6 ">
                        <div class="itemTitle">山西同乐物业管理有限公司</div>
                        <small class="itemTitleEn">Shanxi Tong Le Property Management Co., Ltd.
                        </small>
                    </div>
                    <div class="col-xs-3 ">
                        <div class="line"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="propertyContent">
            <div class="contentTop wow animated fadeInTopBig">
                山西同乐物业管理有限公司自成立以来，一直遵循“业主至上、服务第一”的企业宗旨，发扬“团结、务实、开拓、创新”的企业精神；以客为主，以人为本，以质为先，注重员工素质的提高，充分利用人力资源；竭诚为顾客提供全面优质的服务，并不断持续改进，提高专业知识和技能；建立文件化管理体系和完善的业主档案、健全各项管理规章制度，做到高标准、高要求；提供优质放心的维保服务，保证物业设施的良好状态和正常运行。保持环境整洁优美，无卫生盲区；采取有效措施，维护业主生命财产安全；紧急、突发事件及时妥善处理。
            </div>
            <div class="contentMiddle">联系电话：0351-8710098</div>
            <div class="contentBottom  btn_shadow">
                <div class="wellAll">
                    <div class="well-item animated wow bounceInUp ">
                        <div class="correct">
                            <div style="height: 100%;">
                                <div class="child_bg ico_bg1">
                                    <div class="itemIcon paddt_100 paddb_20">
                                        <img src="images/dyht/icon17.png" alt="">
                                    </div>
                                    <div class="itemText">
                                        <div class="textTitle paddb_10">高端写字楼</div>
                                        <div class="textSubtitle">太原CBD核心商务区</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opposite">
                            <div style="height: 100%;">
                                <div class="opposite-content bg1_hover">
                                    <div class="opposite-content-text">
                                        <div class="itemIcon paddb_20 paddt_50">
                                            <img src="images/dyht/icon17_active.png" alt="">
                                        </div>
                                        <div class="itemText">
                                            <div class="text1Title paddb_10">高端写字楼</div>
                                            <div class="textSubtitle1 ">太原CBD核心商务区</div>
                                            <div class="textDetail">
                                                地理位置优越，紧邻地铁2号线南中环站、公交站，距离太原南站10分钟车程，交通便利，内设停车场。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="well-item animated wow bounceInDown paddt_30">
                        <div class="correct">
                            <div style="height: 100%;">
                                <div class="child_bg ico_bg2">
                                    <div class="itemIcon paddt_100 paddb_20">
                                        <img src="images/dyht/icon18.png" alt="">
                                    </div>
                                    <div class="itemText">
                                        <div class="textTitle paddb_10">多功能教室</div>
                                        <div class="textSubtitle">高端办公环境、设备齐全</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opposite">
                            <div style="height: 100%;">
                                <div class="opposite-content bg2_hover">
                                    <div class="opposite-content-text">
                                        <div class="itemIcon paddb_20 paddt_50">
                                            <img src="images/dyht/icon18_active.png" alt="">
                                        </div>
                                        <div class="itemText">
                                            <div class="text1Title paddb_10">多功能教室</div>
                                            <div class="textSubtitle1 ">高端办公环境、设备齐全</div>
                                            <div class="textDetail">
                                                办公环境优雅安静、设备齐全，会议室包含办公桌椅、投影仪等设备，适合团队培训、各种会务会议等。多功能教室可容纳100人左右。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="well-item animated wow bounceInUp">
                        <div class="correct">
                            <div style="height: 100%;">
                                <div class="child_bg ico_bg3">
                                    <div class="itemIcon paddt_100 paddb_20">
                                        <img src="images/dyht/icon19.png" alt="">
                                    </div>
                                    <div class="itemText">
                                        <div class="textTitle paddb_10">董事会会议室</div>
                                        <div class="textSubtitle">高端配置、装修考究</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opposite">
                            <div style="height: 100%;">
                                <div class="opposite-content bg3_hover">
                                    <div class="opposite-content-text">
                                        <div class="itemIcon paddb_20 paddt_50">
                                            <img src="images/dyht/icon19_active.png" alt="">
                                        </div>
                                        <div class="itemText">
                                            <div class="text1Title paddb_10">董事会会议室</div>
                                            <div class="textSubtitle1 ">高端会议室，豪华配置</div>
                                            <div class="textDetail">
                                                大型董事会会议室可容纳8到30人， 并配备各式豪华家具。会议室设备齐全，提供各类设施、家具、高速互联网和前台服务，支持按小时计费。
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="well-item animated wow bounceInDown paddt_30">
                        <div class="correct">
                            <div style="height: 100%;">
                                <div class="child_bg ico_bg4">
                                    <div class="itemIcon paddt_100 paddb_20">
                                        <img src="images/dyht/icon20.png" alt="">
                                    </div>
                                    <div class="itemText">
                                        <div class="textTitle paddb_10">金色演播厅</div>
                                        <div class="textSubtitle">高端配置、装修考究</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="opposite">
                            <div style="height: 100%;">
                                <div class="opposite-content bg4_hover">
                                    <div class="opposite-content-text">
                                        <div class="itemIcon paddb_20 paddt_50">
                                            <img src="images/dyht/icon20_active.png" alt="">
                                        </div>
                                        <div class="itemText">
                                            <div class="text1Title paddb_10">金色演播厅</div>
                                            <div class="textSubtitle1 ">高端配置、装修考究</div>
                                            <div class="textDetail">
                                                全场约800平米,可同时容纳350余人，可接待大型会议、培训、年会等活动，更有餐厅、停车场等，配套设施完善，地理位置优越，绝对是您理想选择！
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="item recruit wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">>
    <div class="container">
        <div class="row recruitHeader">
            <div class="col-xs-12 ">
                <div class="row">
                    <div class="col-xs-4">
                        <div class="line"></div>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="itemTitle">招聘信息</div>
                        <small class="itemTitleEn">Recruitment Information
                        </small>
                    </div>
                    <div class="col-xs-4 ">
                        <div class="line"></div>
                    </div>
                </div>

            </div>
        </div>
        <div class="recruitContent">
            <div class="recruitContentHeader">
                寻找&<br>
                与众不同的你
            </div>
            <div class="recruitContentScroll">
                <div class="swiper-father " >
                    <div class="swiper-container " id="recruitSwiper" >
                        <div class="swiper-wrapper" >
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner  itemInner active"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">销售经理(3人)</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">4K-6K/月</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">软件售前工程师</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">4K-8K/月</div>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">Java高级工程师</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">本科及以上</div>
                                        <div class="middleMoney">5K-10K/月</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">产品经理（软件）</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">5K-12K/月</div>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner active"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">产品经理（硬件）</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">5K-12K/月</div>
                                    </div>
                                </div>

                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner active"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">售前工程师（软件）</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">太原 / 大专</div>
                                        <div class="middleMoney">4K-6K/月</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner active"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">系统工程师</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">4K-6K/月</div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="corner itemInner active"></div>
                                    <div class="middle itemInner">
                                        <div class="middleLogo"></div>
                                        <div class="middleTitle">售前工程师（硬件）</div>
                                        <div class="middleSubtitle">同昌大数据有限公司</div>
                                        <div class="middleJob">大专及以上</div>
                                        <div class="middleMoney">4K-6K/月</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <div class="recruitContentBottom">简历请发至邮箱：hr@tpccn.com，寻找光芒万丈的你！</div>
        </div>
    </div>
</section>
<footer class="footer wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="footTitle"><img src="images/common/footerLogo.png" alt=""></div>
            </div>
        </div>
        <div class="row footContent">
            <div class="col-xs-12 col-sm-7">
                <div class="row">
                    <div class="col-xs-3">
                        <div class="footItems">关于我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">关于同昌</a>
                            <a href="javascript:void(0)">发展历程</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">加入我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">社会招聘</a>
                            <a href="javascript:void(0)">校园招聘</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">联系我们</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">客户服务</a>
                            <a href="javascript:void(0)">合作洽谈</a>
                        </div>
                    </div>
                    <div class="col-xs-3">
                        <div class="footItems">服务热线</div>
                        <div class="footItem">
                            <a href="javascript:void(0)">400-653-0677</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5 line">
                <div class="row">
                    <div class="col-xs-6  col-sm-5  col-sm-offset-1">
                        <div class="ewm">民生之钥</div>
                        <img src="images/common/mszy.png" alt=""></div>
                    <div class="col-xs-6 col-sm-5">
                        <div class="ewm">关注同昌</div>
                        <img src="images/common/jt.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="segmenLine"></div>
            </div>
        </div>
        <div class="row ">
            <div class="col-xs-12 footText">
                <div>法律声明 | 监督举报 | 网站地图 | 晋网文【2018】6138-1456号</div>
                <div>Copyright 1996 - 2018 Topchance. All Rights Reserved.中科同昌信息技术集团</div>
            </div>
        </div>
    </div>
</footer>
<!--回到顶部-->
<div id="jumpTop"></div>
<script src="js/jquery-v1.12.4/jquery.min.js"></script>
<!--vendor-->
<script>window.jQuery || document.write('<script src="js/bootstrap-3.3.7/js/jquery.min.js"><\/script>')</script>
<script src="js/bootstrapValidator/bootstrapValidator.min.js"></script>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator/zh_CN.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="js/bootstrap-3.3.7/js/ie10-viewport-bug-workaround.js"></script>
<!--加载-->
<script src="plugs/wow/wow.min.js"></script>
<script src="js/common.js"></script>
<script src="plugs/swiper/swiper.min.js"></script>
<script src="plugs/layer/layer.js"></script>
<script src="js/dxwx/tagcanvas.min.js"></script>
<link rel="stylesheet" href="plugs/sweetalert2/sweetalert2.min.css">
<script src="plugs/sweetalert2/sweetalert2.all.min.js"></script>

<script>
    new WOW().init();
    $(function () {
        var dyhtBg = $(".dyhtBg"); //背景图片容器
        var dyhtTextTitle = $(".dyhtTextTitle");//文字容器
        loadTextOpacity(dyhtTextTitle);
        $(document).mousemove(function (e) {
            //背景图片移动
            getMousePos(e, dyhtBg);
        });

        // 招聘信息滚动
        var recruitSwiper = new Swiper('#recruitSwiper', {
            slidesPerView: 4,
            spaceBetween: 30,
            loop: true, // 循环模式选项
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

        //弹窗轮播图
        var swiper = new Swiper('.swiper-container-shadow', {
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            freeMode: false,
            roundLengths: true, //防止文字模糊
            on: {
                init: function () {
                    $(".page_num").text(parseInt(this.activeIndex + 1));
                    $(".page_sum").text(parseInt(this.slides.length));
                },
                slideChangeTransitionEnd: function () {
                    $(".page_num").text(parseInt(swiper.activeIndex + 1));
                    $(".page_sum").text(parseInt(swiper.slides.length));
                }
            },
            observer: true,
            observeParents: true,
        });

        $(".shadow").on("click", ".close_shadow", function () {
            $(".shadow").hide();
        })
        $(".wellAll .well-item").click(function () {
            if (swiper.activeIndex != 0) {
                swiper.slideTo(0, 1000, false);
            }

            $(".page_num").text(parseInt(swiper.activeIndex + 1));
            $(".page_sum").text(parseInt($(".swiper-container-shadow").find(".swiper-slide").length));
            $(".shadow").show();
        })


        var $animate = $('#animate');
        var $opposite = $('#opposite');
        $(".wrap").hover(function () {
            $animate.removeClass();
            $opposite.removeClass();
            $animate.addClass("test");
            $opposite.addClass('test2');
        }, function () {
            $animate.removeClass();
            $opposite.removeClass();
            $animate.addClass("test2");
            $opposite.addClass('test');
        });

        $(".well-item").hover(function () {
            $(this).find(".correct").children().removeClass();
            $(this).find(".opposite").children().removeClass();
            $(this).find(".correct").children().addClass("test");
            $(this).find(".opposite").children().addClass('test2');
        }, function () {
            $(this).find(".correct").children().removeClass();
            $(this).find(".opposite").children().removeClass();
            $(this).find(".correct").children().addClass("test2");
            $(this).find(".opposite").children().addClass('test');
        });
        // modal  居中显示
        var $m_btn = $('.loginBtn');
        var $modal = $('#myModal');

        $modal.on('show.bs.modal', function () {
            var $this = $(this);
            var $modal_dialog = $this.find('.modal-dialog');
            // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
            $this.css('display', 'block');
            $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2)});
        });
        $('#myModal').on('shown.bs.modal', function () {
            $("#loginForm").bootstrapValidator({
                live: 'enabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
                excluded: [':disabled', ':hidden', ':not(:visible)'],//排除无需验证的控件，比如被禁用的或者被隐藏的
                submitButtons: '#submitBtn',//指定提交按钮，如果验证失败则变成disabled，但我没试成功，反而加了这句话非submit按钮也会提交到action指定页面
                message: '通用的验证失败消息',//好像从来没出现过
                feedbackIcons: {//根据验证结果显示的各种图标
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    username: {
                        message: '用户名验证失败',
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                    password: {
                        validators: {
                            /* regexp: {//正则验证
                                 regexp: /^[a-zA-Z0-9_\.]+$/,
                                 message: '所输入的字符不符要求'
                             },*/
                            notEmpty: {
                                message: '密码不能为空'
                            }
                        }
                    },
                }
            });
            $("#submitBtn").click(function (e) {
                e.preventDefault();
                $("#loginForm").bootstrapValidator('validate');//提交验证
                if ($("#loginForm").data('bootstrapValidator').isValid()) {
                    var username = $.trim($("#userName").val());
                    var password = $.trim($("#password").val());
                    $.ajax({
                        url: "http://localhost/eye/a/tcoa/login/manage",
                        type: "post",
                        data: {username: username, password: password},
                        success: function (data) {
                            if (data) {
                                data = JSON.stringify(data);
                                data = JSON.parse(data);
                                if (data.loginmark == 1) {
                                    $('#myModal').modal('hide');
                                    swal(
                                        '恭喜登录成功！',
                                    );


                                    // sessionStorage.useId = data.id;
                                    // alert(id);//保存用户名id
                                    sessionStorage.username = data.username;    //保存用户名
                                    //  alert()
                                      $(".loginBtn").html(data.username);
                                    $(".loginBtn").attr("data-target"," ");
                                    $(".loginBtn").css({"color":"#fff"});
                                }
                                if (data.loginmark == 2) {
                                    swal({
                                        title: '用户名或密码填写错误登录失败!',
                                        type: 'error',
                                        confirmButtonColor: '#3085d6',
                                        cancelButtonColor: '#d33',
                                        confirmButtonText: '确定',
                                        confirmButtonClass: 'btn btn-success',
                                        buttonsStyling: false ,

                                    }).then(function () {
                                        swal(
                                            '请重新核对填写信息',
                                             'info'
                                        )
                                    });
                                    //layer.alert('用户名或密码填写错误', {icon: 2});
                                    $("#loginForm").data("bootstrapValidator").destroy();
                                    $('#loginForm').data('bootstrapValidator', null);
                                    $("#loginForm")[0].reset();
                                }
                            }
                        },
                        error: function (xhr, data) {
                            swal('发送ajax失败');
                        },
                        complete: function () {
                            $("#loginForm").data("bootstrapValidator").destroy();
                            $('#loginForm').data('bootstrapValidator', null);
                            $("#loginForm")[0].reset();
                        }
                    })
                }
            });
        });
    });

    $(document).ready(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 300) {
                $('#jumpTop').fadeIn(800);
            } else {
                $('#jumpTop').fadeOut(800);
            }
        });
        $("#jumpTop").click(function () {
            $('body,html').animate({
                    scrollTop: 0
                },
                1000);
            return false;
        });
        var username = window.sessionStorage.username;//获取绘话中的用户名
        if (username) {
            $(".loginBtn").html(username);
            $(".loginBtn").css({"color":"#fff"});
            $(".loginBtn").attr("data-target","");
        } else {
            $(".loginBtn").html('登录');
            $(".loginBtn").attr("data-target","#myModal");
        }
        //同昌蜕变
        try {
            var i, et = document.getElementById('tags').childNodes;
            for (i in et) {
                et[i].nodeName == 'A' && et[i].addEventListener('click', function (e) {
                    e.preventDefault();
                });
            }
            TagCanvas.Start('myCanvas', 'tags', {
                textColour: '#fff',
                outlineColour: '#fff',
                reverse: true,
                depth: 0.8,
                noMouse: true,
                dragControl: false,
                decel: 0.95,
                maxSpeed: 0.05,
                initial: [-0.2, 0]
            });
        } catch (e) {
        }
        //防下载
        document.onkeydown = function () {
            var e = window.event || arguments[0];
            //屏蔽F12
            if (e.keyCode == 123) {
                return false;
                //屏蔽Ctrl+Shift+I
            } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
                return false;
                //屏蔽Shift+F10
            } else if ((e.shiftKey) && (e.keyCode == 121)) {
                return false;

            } else if (event.ctrlKey && window.event.keyCode == 83) {
                return false;
            }
        };
        //屏蔽右键单击
        document.oncontextmenu = function () {
            return false;
        }
    });

</script>
</body>
</html>

